<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="zuoye.css">
    <link rel="stylesheet" href="common.css">
    <title>Document</title>
</head>
<body>
        <header>
        <img class="one" src="images/铃铛.png" alt="">
        <img class="two"src="images/logo.png" alt=""> 
        <img class="three" src="images/放大镜.png" alt="">
        </header>
        <main>
        <img class="one01"src="images/banner.jpg" alt=""> 
        <div class="two01">      
                <a href=""> <img class="a"src="images/icon1.png" alt="">每日秒杀</a>
                <a href=""> <img class="a"src="images/icon2.png" alt="">领券中心</a>
                <a href=""> <img class="a"src="images/icon3.png" alt="">新人专享</a>
                <a href=""> <img class="a"src="images/icon4.png" alt="">上新好物</a>
        </div>
        <span class="dee"></span> 
        <figure>
        <div class="bos">
        <div class="foot">  
        <div class="f"><span class="e">最新</span>涂上大红唇，泫雅妆容get</div>
        <div class="f"><span class="e">最新</span>奥，高光！我的生命之光！</div>
</div>
</figure>
<span class="dee"></span> 
<img class="tu"src="images/list1.jpg" alt="">   
 <div class="lie">
         <ul>
                <li><img class="p"src="images/list1-1.jpg" alt="">INNISFREE悦诗风吟绿茶保湿平衡两盒套装<p>￥162</p></li>
                <li><img class="p"src="images/list1-2.jpg" alt="">INNISFREE悦诗风吟绿茶保湿平衡两盒套装<p>￥162</p></li>
                <li><img class="p"src="images/list1-3.jpg" alt="">INNISFREE悦诗风吟绿茶保湿平衡两盒套装<p>￥162</p></li>
                <li><img class="p"src="images/list1-4.jpg" alt="">INNISFREE悦诗风吟绿茶保湿平衡两盒套装<p>￥162</p></li>
                <li><img class="p"src="images/list1-2.jpg" alt="">INNISFREE悦诗风吟绿茶保湿平衡两盒套装<p>￥162</p></li>
                <li><img class="p"src="images/list1-3.jpg" alt="">INNISFREE悦诗风吟绿茶保湿平衡两盒套装<p>￥162</p></li>
                <li><img class="p"src="images/list1-4.jpg" alt="">INNISFREE悦诗风吟绿茶保湿平衡两盒套装<p>￥162</p></li>
         </ul>
 </div>
 <img class="tu"src="images/list2.jpg" alt="">   
 <div class="lie">
         <ul>
                <li><img class="p"src="images/list2-1.jpg" alt="">INNISFREE悦诗风吟绿茶保湿平衡两盒套装<p>￥162</p></li>
                <li><img class="p"src="images/list2-2.jpg" alt="">INNISFREE悦诗风吟绿茶保湿平衡两盒套装<p>￥162</p></li>
                <li><img class="p"src="images/list2-3.jpg" alt="">INNISFREE悦诗风吟绿茶保湿平衡两盒套装<p>￥162</p></li>
                <li><img class="p"src="images/list2-4.jpg" alt="">INNISFREE悦诗风吟绿茶保湿平衡两盒套装<p>￥162</p></li>
                <li><img class="p"src="images/list2-2.jpg" alt="">INNISFREE悦诗风吟绿茶保湿平衡两盒套装<p>￥162</p></li>
                <li><img class="p"src="images/list2-3.jpg" alt="">INNISFREE悦诗风吟绿茶保湿平衡两盒套装<p>￥162</p></li>
                <li><img class="p"src="images/list2-4.jpg" alt="">INNISFREE悦诗风吟绿茶保湿平衡两盒套装<p>￥162</p></li>
         </ul>
 </div>
 <img class="tu"src="images/banner1.jpg" alt="">   
 <div class="lie">
         <ul>
                <li><img class="p"src="images/list1-1.jpg" alt="">INNISFREE悦诗风吟绿茶保湿平衡两盒套装<p>￥162</p></li>
                <li><img class="p"src="images/list1-2.jpg" alt="">INNISFREE悦诗风吟绿茶保湿平衡两盒套装<p>￥162</p></li>
                <li><img class="p"src="images/list1-3.jpg" alt="">INNISFREE悦诗风吟绿茶保湿平衡两盒套装<p>￥162</p></li>
                <li><img class="p"src="images/list1-4.jpg" alt="">INNISFREE悦诗风吟绿茶保湿平衡两盒套装<p>￥162</p></li>
                <li><img class="p"src="images/list1-2.jpg" alt="">INNISFREE悦诗风吟绿茶保湿平衡两盒套装<p>￥162</p></li>
                <li><img class="p"src="images/list1-3.jpg" alt="">INNISFREE悦诗风吟绿茶保湿平衡两盒套装<p>￥162</p></li>
                <li><img class="p"src="images/list1-4.jpg" alt="">INNISFREE悦诗风吟绿茶保湿平衡两盒套装<p>￥162</p></li>
         </ul>
 </div>
 <img class="tu"src="images/list1.jpg" alt="">   
 <div class="lie">
         <ul>
                <li><img class="p"src="images/list1-1.jpg" alt="">INNISFREE悦诗风吟绿茶保湿平衡两盒套装<p>￥162</p></li>
                <li><img class="p"src="images/list1-2.jpg" alt="">INNISFREE悦诗风吟绿茶保湿平衡两盒套装<p>￥162</p></li>
                <li><img class="p"src="images/list1-3.jpg" alt="">INNISFREE悦诗风吟绿茶保湿平衡两盒套装<p>￥162</p></li>
                <li><img class="p"src="images/list1-4.jpg" alt="">INNISFREE悦诗风吟绿茶保湿平衡两盒套装<p>￥162</p></li>
                <li><img class="p"src="images/list1-2.jpg" alt="">INNISFREE悦诗风吟绿茶保湿平衡两盒套装<p>￥162</p></li>
                <li><img class="p"src="images/list1-3.jpg" alt="">INNISFREE悦诗风吟绿茶保湿平衡两盒套装<p>￥162</p></li>
                <li><img class="p"src="images/list1-4.jpg" alt="">INNISFREE悦诗风吟绿茶保湿平衡两盒套装<p>￥162</p></li>
         </ul>
 </div>
 <span class="dee"></span> 
 <img class="tu"src="images/list1.jpg" alt="">   
 <div class="lie">
         <ul>
                <li><img class="p"src="images/list1-1.jpg" alt="">INNISFREE悦诗风吟绿茶保湿平衡两盒套装<p>￥162</p></li>
                <li><img class="p"src="images/list1-2.jpg" alt="">INNISFREE悦诗风吟绿茶保湿平衡两盒套装<p>￥162</p></li>
                <li><img class="p"src="images/list1-3.jpg" alt="">INNISFREE悦诗风吟绿茶保湿平衡两盒套装<p>￥162</p></li>
                <li><img class="p"src="images/list1-4.jpg" alt="">INNISFREE悦诗风吟绿茶保湿平衡两盒套装<p>￥162</p></li>
                <li><img class="p"src="images/list1-2.jpg" alt="">INNISFREE悦诗风吟绿茶保湿平衡两盒套装<p>￥162</p></li>
                <li><img class="p"src="images/list1-3.jpg" alt="">INNISFREE悦诗风吟绿茶保湿平衡两盒套装<p>￥162</p></li>
                <li><img class="p"src="images/list1-4.jpg" alt="">INNISFREE悦诗风吟绿茶保湿平衡两盒套装<p>￥162</p></li>
         </ul>
 </div>
  <ul class="keen">
     <li>/</li>  
     <li>全</li>       
     <li>球</li>    
     <li>必</li>    
     <li>买</li>       
     <li>/</li>
  </ul>
 <div class="bb"> HOT GOOD</div>
 <div class="zong">
<div class="d1">
        <img src="images/img1.jpg" alt="">
        <div class="d2">Estee Lautder雅诗兰黛 特润修护肌透精华露 小棕瓶<br>
                <span class="d3">￥980</span>
                <span class="d4">美国</span>
                </div>
</div>   
<div class="d1">
        <img src="images/img2.jpg" alt="">
        <div class="d2">Estee Lautder雅诗兰黛 特润修护肌透精华露 小棕瓶<br>
                <span class="d3">￥980</span>
                <span class="d4">美国</span>
                </div>
</div>  
<div class="d1">
        <img src="images/img3.jpg" alt="">
        <div class="d2">Estee Lautder雅诗兰黛 特润修护肌透精华露 小棕瓶<br>
                <span class="d3">￥980</span>
                <span class="d4">美国</span>
                </div>
</div>   
<div class="d1">
        <img src="images/img4.jpg" alt="">
        <span class="a1">限时特价</span>
        <div class="d2">Estee Lautder雅诗兰黛 特润修护肌透精华露 小棕瓶<br>
                <span class="d3">￥980</span>
                <span class="d4">美国</span>
                </div>
</div>   
<div class="d1">
        <img src="images/img5.jpg" alt="">
        <span class="a1">8.5折</span>
        <div class="d2">Estee Lautder雅诗兰黛 特润修护肌透精华露 小棕瓶<br>      
                <span class="d3">￥980</span>
                <span class="d4">美国</span>
                </div>
</div>   
<div class="d1">
        <img src="images/img6.jpg" alt="">
        <span class="a1">9折</span>
        <div class="d2">Estee Lautder雅诗兰黛 特润修护肌透精华露 小棕瓶<br>
                <span class="d3">￥980</span>      
                <span class="d4">美国</span>
                </div>
</div>  
</div>
</main>
        <footer>
        <div class="ttb">
        <a href=""><img src="images/tab1-2.png" alt="">首页</a>
        <a href=""><img src="images/tab2.png" alt="">分类</a>
        <a href=""><img src="images/tab3.png" alt="">购物车</a>
        <a href=""><img src="images/tab4.png" alt="">我的</a>
        </div>
        </footer>
</body>
</html>